<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动：环绕效果</title>
		<style>
			img{
				float:left
				/* 文字图片加间距 */
				margin:30px;
			}
			p{
				font-size: 16px;
				line-height: 20px;
			}
		</style>
	</head>
	<body>
		<img src="img/图图.png" width="300px" height="300px" alt="图图">
		<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Itaque voluptatem labore in eaque, dolorem totam distinctio nobis eum consequatur minus accusamus odio, facere quod dolorum doloremque provident? Eius, id voluptatibus!
		Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure qui tempora illum aliquam inventore eius, nulla et, minus debitis, esse autem? Veritatis, magnam! Vel molestiae delectus, cumque officiis illum iusto.
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit laborum eos, quis ex amet voluptatum veritatis dolor saepe dicta veniam molestiae recusandae harum quod neque labore praesentium assumenda, ullam eaque?
		</vel></p>
	</body>
</html>